<template>
  <div class="bgc_white" id="reset_forget" :style="'min-height: '+ height">
    <el-form  :model="form" :rules="rules" ref="form">
      <p class="title">{{$t('PASSWORD.RESETSUCCESS')}}</p>
      <p>{{$t('PASSWORD.RESETSUCCESSTIP')}}</p>
    <!-- <a href="/login"><el-button @click="submitForm()"  class="isFull">{{$t('DEFAULT.SIGNIN')}}</el-button></a> -->
      <router-link to="/login" v-if="!userInfo.email"><el-button class="isFull">{{$t('DEFAULT.SIGNIN')}}</el-button></router-link>
      <router-link to="/my_benefits" v-else><el-button class="isFull">{{$t('RIGHTS.MYRIGHTS')}}</el-button></router-link>
    </el-form>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import { setHeight} from "@/utils/index.js"
export default {
  data() {
    return {
      height: ''
    }

  },
  computed: {
    ...mapGetters(['userInfo']),
  },
  mounted(){
    this.height = setHeight()
  },
  methods: {
  
  }
}
</script>

<style lang="scss">
@import '@/styles/register/password.scss';

</style>